
<div class="w-full space-y-4">
  <textarea rows="8" placeholder="Textarea Small" class="peer block w-full resize-none outline-none focus:outline-none text-stone-800 dark:text-white placeholder:text-stone-600/60 bg-transparent ring-transparent border border-stone-200 transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none hover:border-stone-800 hover:ring-stone-800/10 focus:border-stone-800 focus:ring-stone-800/10 text-sm shadow-sm p-2 rounded-md ring"></textarea>
  <textarea rows="8" placeholder="Textarea Medium" class="peer block w-full resize-none outline-none focus:outline-none text-stone-800 dark:text-white placeholder:text-stone-600/60 bg-transparent ring-transparent border border-stone-200 transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none hover:border-stone-800 hover:ring-stone-800/10 focus:border-stone-800 focus:ring-stone-800/10 text-sm shadow-sm p-2.5 rounded-md ring"></textarea>
  <textarea rows="8" placeholder="Textarea Large" class="peer block w-full resize-none outline-none focus:outline-none text-stone-800 dark:text-white placeholder:text-stone-600/60 bg-transparent ring-transparent border border-stone-200 transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none hover:border-stone-800 hover:ring-stone-800/10 focus:border-stone-800 focus:ring-stone-800/10 text-base shadow-sm p-3 rounded-lg ring-4"></textarea>
</div>
